{layout name="layout" /}

<div class="mbanBg">
    <!--效果html开始-->
    <div class="mbanImg">
        <img src="/static/index/images/banImg.png" alt="" />
    </div>
    <div class="mban">
        <div id="yc-mod-slider">
            <div class="wrapper">
                <div id="slideshow" class="box_skitter fn-clear">
                    <ul>
                        {foreach $data_advert as $val}
                        <li>
                            <a href="{$val.link_url}" target="_blank">
                                <img src="{$val.image}" alt="{$val.title}" />
                            </a>
                        </li>
                        {/foreach}
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--效果html结束-->
</div>
<div class="mmt1">
    <img src="/static/index/images/mt1.jpg" width="1000" height="55" />
</div>
<div class="clickTag mcon1">
    <div class="chgBtnList">
        <ul>
            {foreach $category_example as $key=>$val}
            <a href="/example/lists/{$key}" target="_blank">
                <li class="chgBtn">
                    {$val}
                </li>
            </a>
            {/foreach}
        </ul>
    </div>
    <div class="chgConList">
        <div class="chgCon chgImgBx">
            <a href="javascript:void(-1)" class="mc1_btnL prev"></a>
            <a href="javascript:void(-1)" class="mc1_btnR next"></a>
            <div class="mc1_list">
                <ul>
                    {foreach $data_example as $val}
                    <li>
                        <a href="/example/{$val.id}" target="_blank" class="mc1_img">
                            <img src="{$val.thumb}" width="173" height="164" alt="{$val.title}" title="{$val.title}" />
                        </a>
                        <a href="/example/{$val.id}" target="_blank" class="mc1_cut"></a>
                        <div class="mc1_p1">
                            <a href="/example/{$val.id}" target="_blank">
                                <span>{$val.title}</span>
                            </a>
                            <br /> {$val.mtime|date="Y-m-d", ###}
                        </div>
                        <div class="mc1_p2">
                            <span class="fl">
                                {$val.clicks}
                            </span>
                            <span class="fr">
                                <img src="/static/index/images/mico2.jpg" width="13" height="12" />
                                <img src="/static/index/images/mico2.jpg" width="13" height="12" />
                                <img src="/static/index/images/mico2.jpg" width="13" height="12" />
                                <img src="/static/index/images/mico2.jpg" width="13" height="12" />
                                <img src="/static/index/images/mico2.jpg" width="13" height="12" />
                            </span>
                        </div>
                    </li>
                    {/foreach}
                </ul>
            </div>
        </div>
        <script language="javascript">
            jQuery(".chgImgBx").slide({
                titCell: "",
                mainCell: ".mc1_list ul",
                autoPage: true,
                effect: "leftLoop",
                autoPlay: true,
                vis: 5,
                easing: "swing"
            });
            $(".chgImgBx:gt(0)").hide();
        </script>
    </div>
</div>
<div class="mcon2">
    <div class="mc2_box">
        <div class="mmt2">
            <img src="/static/index/images/m2.jpg" width="1000" height="55" />
        </div>
    </div>
    <div class="mc2_bom">
        <img class="mc2btnL prev" src="/static/index/images/mbtnL.jpg" width="42" height="51" />
        <div class="mc2ImgBox">
            <ul>
                {foreach $data_designer as $val}
                <li>
                    <a href="/designer/{$val.id}" target="_blank">
                        <img src="{$val.photograph}" alt="{$val.name}" title="{$val.name}" width="192" height="258" />
                    </a>
                </li>
                {/foreach}
            </ul>
        </div>
        <img class="mc2btnR next" src="/static/index/images/mbtnR.jpg" width="42" height="51" />
    </div>
    <script language="javascript">
        jQuery(".mc2_bom").slide({
            titCell: "",
            mainCell: ".mc2ImgBox ul",
            autoPage: true,
            effect: "leftLoop",
            autoPlay: true,
            vis: 4,
            easing: "swing"
        });
    </script>
</div>
<div class="mcon3">
    <div class="mc3Btn">
        <a href="javascript:void(-1)" class="mc3_a1 prev"></a>
        <a href="javascript:void(-1)" class="mc3_a2 next"></a>
    </div>
    <div class="mc3_t">
        <img src="/static/index/images/mc3_t.jpg" width="1000" height="54" />
    </div>
    <div class="mc3Box">
        <ul>
            {foreach $data_building as $val}
            <li>
                <a href="/build/{$val.id}" target="_blank">
                    <img src="{$val.thumb}" alt="{$val.title}" title="{$val.title}" width="189" height="238" />
                </a>
            </li>
            {/foreach}
        </ul>
    </div>
</div>
<script language="javascript">
    jQuery(".mcon3").slide({
        titCell: "",
        mainCell: ".mc3Box ul",
        autoPage: true,
        effect: "leftLoop",
        autoPlay: true,
        vis: 5,
        easing: "swing"
    });
</script>
<div class="mcon4">
    <div class="mc4box">
        <div class="mc4_t">
            <img src="/static/index/images/m3.jpg" width="1000" height="55" />
        </div>
        <div class="mc4_ul">
            <ul>
                {foreach $data_technology as $val}
                <li>
                    <a class="fl" href="/technology/{$val.id}" target="_blank">
                        <img src="{$val.thumb}" width="150" height="89" />
                    </a>
                    <div class="mc4_txt">
                        <strong>
                            <a class="cor_yew" href="/technology/{$val.id}" target="_blank">
                                {$val.title}
                            </a>
                        </strong>
                        <span class="summary">{$val.summary}</span>
                    </div>
                    <a class="mc4_more" href="/technology/{$val.id}" target="_blank">+MORE</a>
                </li>
                {/foreach}
            </ul>
            <div class="clear"></div>
        </div>
    </div>
</div>
<div class="mcon5">
    <div class="mc5L">
        <div class="mc5_t1">
            <img src="/static/index/images/m4.jpg" width="482" height="55" />
        </div>
        <div class="mc5_u1">
            <ul>
                {foreach $data_news as $val}
                <li>
                    <div class="mc5_time">
                        <strong>
                            {$val.mtime|date='d',###}
                        </strong>
                        {$val.mtime|date='Y-m',###}
                    </div>
                    <div class="mc5_txt">
                        <div class="mc5_title">
                            <a class="mc5_title" href="/news/{$val.id}" target="_blank">
                                {$val.title}
                            </a>
                        </div>
                        <span class="summary">{$val.summary}</span>
                    </div>
                    <a href="/news/{$val.id}" target="_blank" class="mc5_more">
                        <img src="/static/index/images/mbtn3.jpg" width="32" height="87" />
                    </a>
                </li>
                {/foreach}
            </ul>
        </div>
    </div>
    <div class="mc5R">
        <div class="mc5_t1">
            <img src="/static/index/images/m5.jpg" width="490" height="55" />
        </div>
        <div class="mc5imgBox">
            <div class="mc5BigImg"></div>
            <div class="mc5smImg">
                <ul>
                    {foreach $data_office as $val}
                    <li>
                        <img src="{$val.pic_s}" alt="{$val.title}" width="131" height="58" />
                        <span class="hidden">
                            <a href="javascript:void(0);" target="_blank">
                                <img src="{$val.pic_b}" alt="{$val.title}" width="294" height="347" />
                            </a>
                        </span>
                    </li>
                    {/foreach}
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="mcon6">
    <div class="mc6box">
        <div class="mc6_t">
            <img src="/static/index/images/mt2.jpg" width="1000" height="55" />
        </div>
        <div class="mc6_imgBox">
            <ul>
                {foreach $data_material as $val}
                <li>
                    <img src="{$val.thumb}" alt=" {$val.title}" width="189" height="246" />
                    <div class="mc6_name1">
                        {$val.title}
                    </div>
                    <a class="mc6_posBox" href="/material/{$val.id}" target="_blank"></a>
                </li>
                {/foreach}
            </ul>
        </div>
    </div>
    <div class="mbkTop">
        <img class="bkTopBtn" src="/static/index/images/bakHome.jpg" width="141" height="69" />
    </div>
</div>
<div class="fixed" style="position:fixed; left: 20px; top:160px;">
    <div style="width: 160px;height: 260px;">
        <div style="width: 160px;height: 8px">
            <a href="javascript:void(0);" onclick="close_fiexd(this)" style="float: right;">
                <img src="/static/images/close.png" alt="">
            </a>
        </div>
        <img src="/static/index/images/adCoupleLeft.jpg" alt="微信">
    </div>
</div>
<script type="text/javascript" src="/static/index/js/slideshow.min.js"></script>
<script type="text/javascript">
    // 摘要只显示60个字符
    $(".summary").each(function (x) {
        var summary = $(this).html();
        if (summary.length > 60) {
            $(this).html(summary.substring(0, 60) + '...');
        }
    });

    // 隐藏微信二维码
    function close_fiexd(obj) {
        $(obj).parent('div').parent('div').css('display', 'none');
    }
</script>